<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>“浙”里三年，因你而美</title>
    <!--定宽， 通过游览器自动缩放（等比）-->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>

    <link rel="stylesheet" type="text/css" href="/Public/projects/anniversary/style/base.css">
    <link rel="stylesheet" type="text/css" href="/Public/projects/anniversary/style/index.css?v=3">
</head>
<body>

<div class="bg bg-img">
    <audio id="bgm" src="/Public/projects/anniversary/assets/media/bgm.mp3" loop="loop">
        您的浏览器不支持 audio 标签。
    </audio>
    <div class="ico-music bg-img">
        <div class="ico-music1 bg-img animated"></div>
    </div>

    <div id="loading" fragment class="none" >
        <img class="img-title" src="/Public/projects/anniversary/assets/image/img_title.jpg">
        <div class="loading h-center">
            <img class="img-logo" src="/Public/projects/anniversary/assets/image/img_logo.jpg">
            <p id="loading-text">0%</p>
        </div>
    </div>

    <div id="home" fragment class="bg-img none">
        <div class="base"></div>
        <div class="title">
            <div>浙江新闻</div>
            <div>浙江政经新闻第一网络平台</div>
            <div>省委省政府独家授权的信息发布平台</div>
        </div>
        <div class="content">
            <img src="/Public/projects/anniversary/assets/image/home_iphone.png">
            <div class="touch">
                <img class="touch_gif" src="/Public/projects/anniversary/assets/image/touch.gif">
                <div class="touch_txt">点 击</div>
            </div>
        </div>
    </div>

    <div id="content" fragment class="none">
        <div class="guide mask">
            <div class="guide_big bg-img"></div>
            <div class="guide_move bg-img"></div>
        </div>
        <div class="block-wrap v-center h-center ">
            <div class="block-item none" code-for="3">
                <div class="block" >
                    <img class="circle" data-keyname="p" usemap="">
                </div>
                <!--<img class="txt h-center v-center">-->
                <div class="txt h-center v-center">
                </div>
            </div>
            <map id="areaMap" name="click-area" >
                <area class="a1" alt="poly" shape="poly" data-coords="199,95,170,59,138,37,108,26,66,36,33,63,14,90,3,119,7,142,43,116,83,93,118,85,154,82,200,97" >
                <area class="a2" alt="poly" shape="poly" data-coords="224,172,240,158,264,123,258,91,244,57,228,37,206,17,181,8,149,4,127,4,109,15,139,34,156,49,174,62,208,109,219,143,223,173" >
                <area class="a3" alt="poly" shape="poly" data-coords="100,201,134,205,175,201,216,179,244,156,268,119,286,98,296,133,290,169,270,207,226,239,184,250,156,253,99,204">
                <area class="a4" alt="poly" shape="poly" data-coords="110,87,74,97,43,116,38,153,46,195,71,227,104,253,140,263,168,263,122,223,107,194,96,159,94,121,110,86">
            </map>
        </div>

        <div class="img-mask mask none">
            <div class="img-wrap v-center">
                <div style="margin-bottom: 10px">
                    <div class="close ico-close bg-img"></div>
                </div>
                <div>
                    <img>
                </div>
            </div>
        </div>
    </div>

    <div id="share" fragment class="none" >
        <div class="base top"><img src="/Public/projects/anniversary/assets/image/share_base1.png"></div>
        <div class="base bottom"><img src="/Public/projects/anniversary/assets/image/share_base2.png"></div>
        <div class="tips bg-img"></div>
        <div class="title">
            <img src="/Public/projects/anniversary/assets/image/share_title.png">
        </div>
        <div class="content">
            <img src="/Public/projects/anniversary/assets/image/share_content.png">
        </div>
    </div>

</div>
<!-- ========================================================================= -->
<script src="/Public/projects/anniversary/libs/jquery-3.1.1.js"></script>
<script src="/Public/projects/anniversary/libs/velocity.min.js"></script>
<!-- <script src="/Public/projects/anniversary/libs/less.js"></script> -->
<script src="/Public/projects/anniversary/libs/alloy_finger.js"></script>
<!--common of all js file-->
<script src="/Public/projects/anniversary/js/common.js"></script>
<script src="/Public/projects/anniversary/js/router.js?v=1"></script>
<!--add self scrip file-->
<script src="/Public/projects/anniversary/js/index.js?v=6"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
    wx.config({
        debug: false,
        appId: '{$shareData["appId"]}',
        timestamp: '{$shareData["timestamp"]}',
        nonceStr: '{$shareData["nonceStr"]}',
        signature: '{$shareData["wxSha1"]}',
        jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline']
    });
    wx.error(function(res){
        console.log(res);
    });
    wx.ready( function( e ){
        wx.onMenuShareAppMessage({
            title: "“浙”里三年，因你而美",
            desc: "浙江新闻三周年，感谢相伴！",
            link: "http://esm.zbxinmeiti.com/Wap/Anniversary/index",
            imgUrl: "http://esm.zbxinmeiti.com/Public/projects/anniversary/assets/image/title.jpg",
            type: 'link',
            dataUrl: '',
            success: function () {
                gameChance();
            },
            cancel: function () {}
        });
        wx.onMenuShareTimeline({
            title: "“浙”里三年，因你而美",
            link: "http://esm.zbxinmeiti.com/Wap/Anniversary/index",
            imgUrl: "http://esm.zbxinmeiti.com/Public/projects/anniversary/assets/image/title.jpg",
            success: function () {
                gameChance();
            },
            cancel: function () {}
        });
    })

    function gameChance(){
        $.ajax({
            url: "/Wap/Anniversary/gameChance",
            type: "post",
            dataType: "json",
            data: {},
            success: function (result) {
                var status = parseInt(result.status);
            }
        });
    }
</script>
<script src="/Public/js/common/baidutongji.js"></script>
</body>
</html>